@charset "utf-8";

/* BEGIN - Default *******************************************************************************************************/
body{
	background:url(../img/fondo1.jpg) repeat-x top left #fff;
	
}
body *{
	font:normal 11px Arial,Helvetica,sans-serif;
	color:#4c4c4c;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, tbody {  
	margin:0px; 
	padding:0px; 
}
td{
	vertical-align:top;
}
table { 
	 border-collapse:collapse; 
	 border-spacing:0;
} 
fieldset,img {
	 border:0;
}

strong, b{
	font-weight:bold;
}
address,caption,cite,code,dfn,em,th,var { 
	 font-style:normal; 
	 font-weight:normal; 
} 
a{
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}
ol,ul { 
	 list-style:none; 
} 
caption,th { 
	 text-align:left; 
}
ul li a img
{
    float:left;
}
.clear{
	clear:both;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1px;
}
/*****************************************************************************/
#mainTable{
	width:847px;
	margin:10px auto;
}
.header{
	width:847px;
	height:140px;
	clear:both;
	background:url(../img/banner22.jpg) repeat-x top left !important;
}
#brandingLogo .logo{    
	float:left;
}

#brandingLogo ul li{
	 display:inline;
	 width:	auto;
}
/*#brandingLogo ul {
	margin-top:20px;
  	text-align:center;
	float:left;
	padding-left:71px;
}*/
#menu{
 background:url(../img/menubtn.jpg) no-repeat;
 height:41px;
 }
#menu ul li{
	float:left;
}
#menu ul li a{
	width:121px;
	height:29px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	padding-top:12px;
	font: 13px Arial, Helvetica, sans-serif; 
}

#menu ul li a:hover,
#menu #InicioSelected a{
color:#2190b3!important;}
#menu #Inicio{

	background: url(../img/btnInicio.jpg) no-repeat left -41px;
}
#menu #Inicio a:hover,
#menu #InicioSelected, #menu #Inicio:hover, #menu ul li:hover{color:#2190b3!important;
	background:url(../img/btnInicio.jpg) no-repeat left 0px;}
#bodyContent3,
#bodyContent2,	
#bodyContent{
	 overflow:hidden;
	 padding:0px 14px;
	 margin:0px 0px 0px 0px;
	 height:300px;
	background:url('../img/body2.jpg')  repeat-x  top #fff ;	
}
#bodyContent4
{
    overflow:hidden;
	 padding:0px 14px;
	 margin:0px 0px 0px 0px;
	 height:500px;
	background:url('../img/body2.jpg')  repeat-x  top #fff ;	
}
#bodyContentPortfolio
{    
     background:url('../img/body2.jpg')  repeat-x  top #fff ;
     overflow:hidden;
	 padding:0px 14px;
	 margin:0px 0px 0px 0px;
	
}
#catalogoProductos{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.fila{
	display:inline;
	}
.fila div{
	float:left;
	margin-right:35px;
	margin-bottom:25px;
}	
.catalogo{
	background:#f0f0f0;
	width:148px;
	height:215px;
}
#bodyContent2{
    height:362px !important;}
#bodyContent3{
    height:385px !important;}
#bodyContent3 #contentInnerBody,
#bodyContent2 #contentInnerBody,
#bodyContent #contentInnerBody{
	width:514px;
	height:370px;
	padding-top:20px;
	margin-right:20px;
}
#bodyContent3 #contentInnerBody p,
#bodyContent2 #contentInnerBody p,
#bodyContent #contentInnerBody p{
padding-left:10px;
text-align:justify;}
#bodyContent3 #menuright,
#bodyContent2 #menuright,
#bodyContent #menuright{
	background:#f0f0f0;
	width:226px;
	height:408px;
	margin-top:20px;
	margin-bottom:27px;
	display: inline;
	
}
#bodyContent3 #menuright h2,
#bodyContent2 #menuright h2,
#bodyContent #menuright h2{
	background: url(../img/empresa_05.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	height:35px;
	text-align:center;
	margin-left:0px;
	margin-top:0px;
	padding-top:5px;
}
#bodyContent3 #menuright ul li,
#bodyContent2 #menuright ul li,
#bodyContent #menuright ul li{
	margin-top:15px;
	padding-left:10px;
}
#bodyContent3 #menuright  a,
#bodyContent2 #menuright  a,
#bodyContent #menuright  a{	
	padding-left:25px;
	background: url(../img/icono.gif) no-repeat; 
	color:#449D00 !important;
}
#bodyContent3 #menuright .selected,
#bodyContent2 #menuright .selected,
#bodyContent #menuright .selected{
	color:#ff6600;
}
#bodyContent3 #menuright h2 img,
#bodyContent2 #menuright h2 img,
#bodyContent #menuright h2 img{
	padding-top:14px;
}
#bodyContent3 .title,
#bodyContent2 .title,
#bodyContent .title{
	font-size:18px;
	color:#0f89b0;
	margin:10px 0px 0px 10px;
}
#bodyContent3 .title2,
#bodyContent2 .title2,
#bodyContent .title2{
	font-size:18px;
	color:#0f89b0;
	margin:10px;
}
#bodyright{
	width:260px;
	float:right;
	margin-top:20px;
	background:url(../img/fondosub.jpg) no-repeat;
	height:279px;
}
#bodyleft{
	width:260px;
	margin-top:20px;
	margin-right:20px;
	 float:left;
	 background:url(../img/fondosub.jpg) no-repeat;
	 height:279px;
	
}
#bodyright ul,
#bodycenter ul,
#bodyleft ul{
 text-align:justify;
padding:10px;}
#bodycenter{
	width:260px;
	margin-top:20px;
	margin-right:20px;
	float: left;
	background:url(../img/fondosub.jpg) no-repeat;
	height:279px;
}
#contacContent{
	width:815px;
	margin-bottom:15px;
}
.news li{
	padding:10px 0px;
	clear:both;
}
.news span{
	font-size:10px;
}
.news h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
}
.news h2 a{
	text-decoration:underline;
}
.news .readmore{
	float:right;
}
.encabezado {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	color:#000000;	
}
#contactorigth{
	width:395px;
	padding-top:10px;
	padding-bottom:30px;
	margin-bottom:27px;
}
.btnFloatRigth{
	padding-top:10px;
	padding-left:111px;
}
.btnBlack{
	border-style: none;
    border-color: inherit;
    background: url('../img/btn_Enviar.jpg') repeat-x left top;
    font-family:Arial, Helvetica, sans-serif;
	    font-size:12px !important;
	    font-weight:bold;
	    color:#fff !important;
	    cursor:pointer;
	    height:20px;
	    display:inline-block;
		margin-left:13px;
}
.btnBlack1
{
    margin-left:10px;
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../img/btn_Enviar.gif') repeat-x left top;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px !important;
	    font-weight:bold;
	    color:#fff !important;
	    cursor:pointer;
	width:86px;
	    height:20px;
	    padding:1px 20px;
	    margin:0px;
	    display:inline-block;
}
.textAlignLeft{
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#626262;
	padding:10px 5px 0px 15px;
}
.controlContac{
	width:205px;
	margin:5px 0 5px 5px;
	padding:5px;
	border:1px solid #CCCCCC;
}
.controlNormal{
	width:165px;
}
.controlSmall{
	width:100px;
}
.controlContacLarge
{
    margin:5px 0 5px 5px;
	width:210px;
	height:95px;
	padding:5px;
	border:1px solid #CCCCCC;
}
#contactoleft{
	width:350px;
	padding-left:20px;
	padding-top:5px;
	margin-bottom:25px;
}
.required {
color:#5D8F0F;
float:left;
font-size:11px;
padding:5px 0 5px 15px;
}
.left{
		float: left;
	}
.right {
		float: right;
	}
.footer_bg{
 	padding-top:28px;
	background:url(../img/foother2.jpg) no-repeat;
	height: 150px;
}
#footer {
	padding:0px 16px 15px 0px;
}
#footer ul{	
	text-align:center;
	width:825px;
	float:left;
}
#footer  ul li{
	display:inline;
}
#footer  ul li a{
	color:#5d8f0f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:9px;
	border-right:1px solid #5d8f0f;
	padding-right:9px;
}
#footer  ul li.last-child a{
 	border:none !important;
}
#certificates {
	padding:10px 0px 0px 2px;	
    position:absolute;
}
#certificates ul{	
	text-align:center;
	float:left;
	width:845px;
}
#certificates  ul li{
	display:inline;
}
#certificates  ul li.last-child a{
 	border:none !important;
}
.vcard{
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	float:left;
}
.street-address{
	padding-left:5px;
	color:#938e71;
}
.org{
	display:block;
	width:825px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:80px;
}
.region{
	color:#938e71;
}
.tel{
	color:#938e71;
}
.locality{
	color:#938e71;
}
.zipcode{
	color:#938e71;
}
.staff{
	border-right:none !important;
}
.learnmore{
	text-decoration:none;
	font-style:italic;
	color:#449d00 !important;
}
.imgcenter
{
   margin-left: 70px;
   width: 100px;
   height: 100px;
}
.links
{
    margin-top:10px;
}
.certificates
{
    display:inline-block;
}
.center_cert{
    margin-left: 35px; 
}
.icons
{
    float:right;
    width:300px;
}
.contIcons
{   
    background: url('../img/redes_sociales.png')!important; 
    width:287px;
    height:50px;
    margin-right:5px;
    margin-top:-5px;
    
}
.titleNews
{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
.titleOffer
{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}
.mapGoogle
{
    border: 1px solid #CCCCCC;
}
#portfolioContent
{
    width:815px;
	margin-bottom:15px;
}
.imageProyect
{
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
}
.row
{
    display: inline;
}
.divProyect
{	background:url("../img/h300_reverse.jpg") repeat scroll 0 0 transparent;
	border:#6BB3CB 1px solid;
	width:240px;
	height:240px;
	text-align:center;
	padding-top:10px;
	margin: 14px;
}
.divQuote
{
	border:#6BB3CB 1px solid;
	width:230px;
	height:400px;
	text-align:center;
	padding-top:10px;
	margin: 5px;
	text-align: justify;
	padding: 5px;
}
.titleQuote
{	margin:0 0 -5px 0;
		text-transform:uppercase;
		color:#5D8F0F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.title2
{
    font-size:18px;
	color:#0f89b0;
	padding: 10px;
}
.titleProyect
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 5px;
    color: #FFFFFF;
    text-decoration: none;
}
.titleProyect a:hover
{
    color: #7DC973;
}

.jqueryPanes
{
    width:743px;
    margin:auto;
}
.boxesQuote
{
    width:743px;
    margin:auto;
}
.ulinitial li
{
    border-bottom: 1px dashed #B0B0B0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4C4C4C;
    width: 205px;
}
.cost
{
	display:inline-block;
    text-align: center;
    height: 80px;
}
.cost img
{
	display:inline-block;
    margin-left: 75px;
    width: 80px;
    text-align: center;
    height: 70px;
}
.cost1
{
    background-color: #33A5D5;    
    margin-left: 70px;
    width: 100px;
    height: 20px;
    text-align: center;
}
.cost1 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.domainCost
{
    width: 100px;
    margin: auto;
}
.domainCost li
{
    border-bottom: 1px dashed #B0B0B0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4C4C4C !important;
    height: 20px;
    width: 100px;
}
.workCost li
{    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4C4C4C !important;
}
.webCost
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:#5D8F0F;
    margin-bottom: 5px;
}
.contIcons img
{
    padding:9px 0px 0px 6px;
}
.space
{
    padding-left:20px;
}
.bullet li
{
    background:url(../img/bullet.png) no-repeat scroll left 4px transparent;
    padding-left:15px;
}
.titlePortfolio{
	margin:10px 2px 10px 18px;
	font-size:12px;
	color:#5D8F0F;
	font-family:Arial, Helvetica, sans-serif;
}
.divLink a,
.divProyect a{
	display:block;		
	font-size:12px;
	color:#2190B3;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.divLink a:hover,	
.divProyect a:hover {
	display:block;		
	font-size:12px;
	color:#5D8F0F;
	text-transform:uppercase;
	font-weight:bold;
}
.more1 {
    color:#5D8F0F;
    font-size:12px;
    text-align:justify;
}
#dataListNews .titleNews, 
#dataListOffer .titleOffer, 
#dataListOffer span
{
    color: #4C4C4C;
}
.noBackground
{
    background: none !important;
    margin-left: -15px !important;
}
.carrusel{
    height:220px;
}